<%--
    Document   : muro
    Created on : Feb 11, 2011, 9:49:50 AM
    Author     : miguelGallardo
--%>

<%@page import="java.util.Iterator"%>
<%@page import="persistencia.Usuarios"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>El Tabique - PAW</title>
  <link rel="stylesheet" type="text/css" href="CSS/style_1.css" />
  <script type="text/javascript" src="JS/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="JS/jquery-ui-1.8.9.custom.min.js"></script>
</head>
<body>
<script>
	$(function() {
                // Seran elegidos como "arrastrable" los que tengan id "user"
		$( "#user" ).draggable({ revert: "invalid" });
                // Y sera elegido como droppable el que tenga id "papelera"
		$( "#papelera" ).droppable({
                        // Esta es la funcion que se llamara cuando haga drop
                        // Funcionamiento: recibe un elemento del tipo user
                            // Recoge su valor y lo pasa por post a traves de ajax al controlador
                            // El controlador verificara, y mostrara mensajes segun que caso
			drop: function( event, ui ) {
                            // Recogemos el nombre de usuario que tenemos que borrar
                            var dataString = 'name='+ name;
				$.ajax({
                                    type: "POST",
                                    url: "doRemoveUser",
                                    data: dataString,
                                    // En caso de exito, mostramos notificacion debajo...
                                    success: function() {
                                        $('#contact_form').html("<div id='message'></div>");
                                        $('#message').html("<h2>Contact Form Submitted!</h2>")
                                        .append("<p>We will be in touch soon.</p>")
                                        .hide()
                                        .fadeIn(1500, function() {
                                            $('#message').append("<img id='checkmark' src='images/check.png' />");
                                        });
                                    }
                                });
			}
		});
	});
</script>

    
    <%
        // Verificacion de que enlaces mostrar
        Usuarios auth = (Usuarios)session.getAttribute("user");
        Boolean showMuro = (auth.getPermisos().equals("USER") || auth.getPermisos().equals("ADMIN"));

    %>
  <div id="barra">
    <p>Sesion como: <span class="autor">${user.nombre} : ${user.permisos}</span><% if (showMuro) { %><a href="doShowWall">Muro</a> <% } %><a href="logout">Cerrar Sesion</a></p>
  </div>
  <%

    // Esto solo se mostrara si hay algun mensaje
    String msg = (String)session.getAttribute("msg");
    Boolean bm = false;
    Boolean b = (Boolean)session.getAttribute("error");
    if (msg != null && !msg.equals("")) bm = true;
%>
<div id="notification" <% if (bm) { %> style="display:block;" <% } %> >
   <p class="<% if (!b) { %>positive<% } else {%>negative <% } %>"><%= msg %></p>
</div>
<%
    // eliminamos el mensaje
    session.setAttribute("msg", "");
%>
  <div id="cuerpo">      
    <div id="usuarios">
	<fieldset class="fs">
	  <legend class="fs">El Tabique - Gestion de Usuarios</legend>
	  <div class="place">
	  <form action="doAddUser" method="post">
	    <p><label for="fs">Nombre</label><input type="text" name="name" class="field"/><input type="submit" value="Crear" class="button2"/></p>
	    <input type="hidden" name="action" value="AddUser" />
	  </form>
	  </div>
	  <div class="bin" id="papelera">
              <img src="IMG/bin.png" class="bin"/>
	  </div>
	  <fieldset class="gu">
	    <legend class="tu">Permisos</legend>
            <%


            List<Usuarios> um;
            // Cargamos todos los mensajes
            um = (List<Usuarios>)request.getAttribute("um");
            Iterator e = um.iterator();
            while (e.hasNext()) {
                Usuarios m = (Usuarios) e.next();
                String n = m.getNombre();
                String p = m.getPermisos();
                if (n.equals("admin")){
                    // Pasamos al siguiente usuario
                    m = (Usuarios) e.next();
                    n = m.getNombre();
                    p = m.getPermisos();
                }
            %>
            <div class="user" id="user">
	    <form action="doEditUser" method="post">
	      <p class="gestionautor"><%= n + " : " + p %></p>
	      <div class="placebuttons">
              <input type="submit" name="per" value="GUEST" class="button3" <% if (p.equals("GUEST")) out.print("disabled ");  %> />
	      <input type="submit" name="per" value="USER" class="button3"<% if (p.equals("USER")) out.print("disabled ");  %>/>
	      <input type="submit" name="per" value="ADMIN" class="button3"<% if (p.equals("ADMIN")) out.print("disabled ");  %>/>
              <input type="hidden" name="name" value="<%= n %>" />
	    </div>
	    </form>
            </div>
            <% } //del while %>
	 </fieldset>
       </fieldset>
    </div>
  </div>
</body>
</html>
